<!-- 分享组件 -->
<template>
  <div class="fxzj">
    <navbar>
      <div slot="left"></div>
      <div slot="center" class="fxzj-1">我的任务</div>
      <div slot="right"></div>
    </navbar>
    <fxkbzj />
    <fxqdzj />
    <fxfgx />
    <fxnr
      v-for="(item, index) in nrsj"
      :key="index"
      :title="item.title"
      :nr="item.nr"
      :rb="item.rb"
      :imsrc="item.src"
    />
    <butbar />
  </div>
</template>

<script>
import navbar from "bcggzj/navbar/navbar.vue";
import fxkbzj from "bczj/fxzj/fxkbzj.vue";
import fxqdzj from "bczj/fxzj/fxqdzj.vue";
import fxfgx from "bczj/fxzj/fxfgx.vue";
import fxnr from "bczj/fxzj/fxnr.vue";
import butbar from "com/bcggzj/buttombar/buttombar.vue";

import { homelink } from "@/api/api.js";

export default {
  components: {
    navbar,
    fxkbzj,
    fxqdzj,
    fxfgx,
    fxnr,
    butbar,
  },
  data() {
    return {
      nrsj: [],
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {
    homelink("/fx", "get").then((data) => {
      this.nrsj = data.data.fx;
    });
  },
  mounted() {},
};
</script>
<style scoped>
.fxzj-1 {
  font-size: 0.32rem;
  color: #fff;
}
</style>